<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">

    <ui:composition template="layout.xhtml">
        
        <ui:define name="title">
            Fornecedor
        </ui:define>

        <ui:define name="breadcrumb">
            <div class="breadcrumb_divider"></div>
            <a href="pesquisarFornecedor.xhtml">Fornecedor</a>
            <div class="breadcrumb_divider"></div>
            <a class="current">Detalhes</a>           
        </ui:define>

        <ui:define name="sidebar">
            <h3>Fornecedor</h3>
            <ul class="toggle">
                <li class="icn_new_article"><a href="criarFornecedor.xhtml">Cadastrar</a></li>
                <li class="icn_search"><a href="pesquisarFornecedor.xhtml">Pesquisar</a></li>
            </ul>
            
            <h3>Ações</h3>
            <ul class="toggle">
                <li class="icn_categories"><a href="criarFornecedor.xhtml?pessoaId=#{ managerCriarPessoa.pessoa.id }">Editar</a></li>
            </ul>
        </ui:define>
        
        <ui:define name="content">

            <p:panel id="dadosFornecedorPanel" styleClass="column12" header="Dados">
                <div class="row">
                    <div class="bold column2">
                        <p:outputLabel value="Nome Fantasia:" />
                    </div>
                    <div class="text column10">
                        <p:outputLabel value="#{ managerPesquisarPessoa.pessoaVisualizar.nome }" />
                    </div>
                </div>

                <div class="row">    
                    <div class="bold column2">
                        <p:outputLabel value="Razão Social:" />
                    </div>
                    <div class="text column10">
                        <p:outputLabel value="#{ managerPesquisarPessoa.pessoaVisualizar.razaoSocial }" />
                    </div>
                </div>

                <div class="row">
                    <div class="bold column2">
                        <p:outputLabel value="CNPJ:" />
                    </div>
                    <div class="text column5">
                        <p:outputLabel value="#{ managerPesquisarPessoa.adicionarMascaraCNPJ(managerPesquisarPessoa.pessoaVisualizar.cnpj) }" />
                    </div>
                </div>

                <div class="row">
                    <div class="bold column2">
                        <p:outputLabel value="Responsável:" />
                    </div>
                    <div class="text column5">
                        <p:outputLabel value="#{ managerPesquisarPessoa.pessoaVisualizar.responsavel  }" />                        
                    </div>

                    <div class="bold column1">
                        <p:outputLabel value="Email:" />
                    </div>
                    <div class="text column4">
                        <p:outputLabel value="#{ managerPesquisarPessoa.pessoaVisualizar.email  }"/>
                    </div>                    
                </div>
            </p:panel>

            <p:panel styleClass="column12" id="enderecoFornecedorPanel" header="Endereço">

                <div class="row">
                    <div class="column2 bold">
                        <p:outputLabel value="Tipo do endereço:" />
                    </div>
                    <div class="column3 text">
                        <p:outputLabel value="#{ managerPesquisarPessoa.pessoaVisualizar.endereco.tipo.nome }" />
                    </div>
                </div>

                <div class="row">
                    <div class="column2 bold">
                        <p:outputLabel value="Tipo do logradouro:" />
                    </div>
                    <div class="column3 text">
                        <p:outputLabel value="#{ managerPesquisarPessoa.pessoaVisualizar.endereco.tipoLogradouro.nome }" />
                    </div>
                    <div class="column2 bold">
                        <p:outputLabel value="Localidade:" />
                    </div>
                    <div class="column5 text">
                        <p:outputLabel value="#{ managerPesquisarPessoa.pessoaVisualizar.endereco.localidade }" />
                    </div>
                </div>

                <div class="row">
                    <div class="column2 bold">
                        <p:outputLabel value="Número:" />
                    </div>
                    <div class="column3 text">
                        <p:outputLabel value="#{ managerPesquisarPessoa.pessoaVisualizar.endereco.numero }" />
                    </div>

                    <div class="column2 bold">
                        <p:outputLabel value="Logradouro:" />
                    </div>
                    <div class="column5 text">
                        <p:outputLabel value="#{ managerPesquisarPessoa.pessoaVisualizar.endereco.logradouro }" />
                    </div>
                </div>

                <div class="row">
                    <div class="column2 bold">
                        <p:outputLabel value="Bairro:" />
                    </div>
                    <div class="column3 text">
                        <p:outputLabel value="#{ managerPesquisarPessoa.pessoaVisualizar.endereco.bairro }" />
                    </div>

                    <div class="column2 bold">
                        <p:outputLabel value="CEP:" />
                    </div>
                    <div class="column5 text">
                        <p:outputLabel value="#{ managerPesquisarPessoa.pessoaVisualizar.endereco.cep != '' ? managerPesquisarPessoa.adicionarMascaraCEP(managerPesquisarPessoa.pessoaVisualizar.endereco.cep) : '' }" />
                    </div>
                </div>

                <div class="row">
                    <div class="column2 bold">
                        <p:outputLabel value="Cidade:" />
                    </div>
                    <div class="column3 text">
                        <p:outputLabel value="#{ managerPesquisarPessoa.pessoaVisualizar.endereco.cidade.nome }" />
                    </div>
                </div>

            </p:panel>

            <div class="command">
                <p:button value="Voltar" icon="ui-icon-arrowreturn-1-w" href="pesquisarFornecedor.xhtml" />
            </div>

        </ui:define>
    </ui:composition>

</html>
